import { fileURLToPath, URL } from 'node:url'

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import vueDevTools from 'vite-plugin-vue-devtools'

// https://vite.dev/config/
export default defineConfig({
  plugins: [
    vue(),
    vueDevTools(),
  ],
  resolve: {
    alias: {
      '@': fileURLToPath(new URL('./src', import.meta.url))
    },
  },
  // 新增：服务器代理配置（解决跨域和路径转发问题）
  server: {
    port: 5173, // 前端项目端口（保持不变）
    proxy: {
      // 1. 转发头像/文件请求：/profile 路径 → 后端服务器
      '/profile': {
        target: 'http://localhost:8080', // 后端地址（必须和你后端启动的地址一致！）
        changeOrigin: true, // 开启跨域（关键：模拟前端请求来自后端域名，避免跨域拦截）
        rewrite: (path) => path, // 不需要重写路径（后端映射的就是 /profile/**，直接转发）
      },
      // 2. 转发接口请求：/dev-api 路径 → 后端服务器（RuoYi 接口默认前缀，避免后续接口跨域）
      // '/dev-api': {
      //   target: 'http://localhost:8080',
      //   changeOrigin: true,
      //   rewrite: (path) => path.replace(/^\/dev-api/, '') // 重写路径：去掉 /dev-api 前缀（后端接口没有这个前缀）
      // }
    }
  }
})